<template>
	<!-- 搜索框 -->
		 <view class="search-bar">
			 <view class="search-bar-box">
			 <image class="search-span" src="../../static/搜索.png"/>
			 <input @click="gosearch" type="primary" value=""  placeholder="请输入搜索内容" class="search-text" maxlength="10" focus/>
			 
			 </view>
		 </view>
	

</template>

<script>
	export default {
		name:"sousuo",
		data() {
			return {
				
			};
		},
		methods: {
			gosearch(){
				uni.navigateTo({
					url: "/pages/search/search"
				})
			}
		
	},
	}
</script>

<style>
/* 搜索框 */
.search-bar{
	width: 750rpx;
	height: 70rpx;
}
.search-bar-box{
	display: flex;
	margin: 0 auto;
	width: 100%;
	height: 50rpx;
	border:4rpx solid #f3f3f4;
	border-radius: 10rpx;
	background-color: #f3f3f4;
}
.search-span{
	width: 35rpx;
	height: 30rpx;
	margin-top: 10rpx;
	margin-left: 30rpx;
}
.search-text{
	width: 100%;
	margin-top: 10rpx;
	margin-left: 20rpx;
	font-size: 20rpx;
	color: #7f7f81;
}

</style>